<template>
	<view class="bg-grey">
		<!-- 头部 -->
		<yHeader style="background-color: #fff;" :current='6' :screenWidth="screenWidth" @Tabs="handleTabs"></yHeader>
		
		<view class="__inner">
			<view class="">
				<image src="@/static/icon/WechatIMG305.jpg" style="width: 100%;" mode=""></image>
			</view>
			<view class="bg-white mt-2 p-2 flex">
				<!-- top -->
				<view class="">
					<view class="flex flex-column">
						<text class="font-weight-bold" style="font-size: 25px;">可借金额</text>
						<text class="text-blue" style="font-size: 35px;">¥0.00</text>
					</view>
					<view class="flex mt-10">
						<view class="mr-5 align-center" v-for="(item, index) in bomList" :key="index">
							<image :src="item.img" style="width: 10px;
							height: 10px;" mode=""></image>
							<text class="font-sm text-light-muted">{{item.text}}</text>
						</view>
					</view>
				</view>
			</view>
			<!-- center -->
			<view class="bg-white mt-2 p-2 flex flex-column">
				<text class="font-weight-bold " style="font-size: 25px;">暂无可质押的物品</text>
				<text class="mt-10" style="font-size: 20px;">满足质押条件的物品才能进行质押</text>
				<image @click="goToshenqing()" src="@/static/icon/dianjishenqing.png" class="mt-10" style="width: 150px;
			    height: 50px;" mode=""></image>
			
			</view>
			<!-- bon -->
			<view class="bg-white mt-2 p-2 flex flex-column" style="height: 800px;">
				<view class="text-secondary my-2">
					<view class="flex align-center justify-center ">
			
							<text @click="showLiaojie()">了解质押贷款</text>
					
						<text class="mx-2">|</text>
						
							<text @click="showJilu()">质押记录</text>
					
						
					</view>
			
					<view class="liaojie mt-2 px-9" v-if="showBottom1">
						<text><text class="font-weight-bold font-lg text-blue mr-2">Q</text> 哪些产品可以办理质押贷?</text></br>
						<text><text class="font-weight-bold font-lg text-blue mr-2">A</text>
							质押贷支持将本人名下由招行代销的招银理财发行的人民币理财产品、招行发行的整存整取存款、享定存存款、大额存款及结构性存款作为质押物，具体可质押产品以手机银行“借钱一理财质押贷一质押贷”或“财富一理财产品一持仓一理财质押一质押贷”页面展示结果为准。当前质押贷产品分地区陆续开放推广，敬请期待。</text></br>
						<text> <text class="font-weight-bold font-lg text-blue mr-2">Q </text> 质押贷如何办理?</text></br>
						<text> <text
								class="font-weight-bold font-lg text-blue mr-2">A</text>进入申请页面后按提示操作即可，全线上办理我们将实时评估您提供的质押物及个人信用抵告，评估结果直接影响贷款额度和审批结果。
						</text></br>
						<text> <text class="font-weight-bold font-lg text-blue mr-2"> Q</text> 申请质押贷多久能放款?</text></br>
						<text><text
								class="font-weight-bold font-lg text-blue mr-2">A</text>从提交申请到贷款获批最快60秒，发放贷款实时到账。</text></br>
						<text> <text class="font-weight-bold font-lg text-blue mr-2"> Q</text> 什么情况下可赎回质押物?</text></br>
						<text>
							<text class="font-weight-bold font-lg text-blue mr-2">A</text> 遵照《质押借款合同》，对于招行代销的招银理财发行的人民币理财产品:
							在质押物到期日(封闭型理财为投资周期结束日，定期开放型理财或最短持有期理财为最近一个赎回开放期起始日)招行系统将自动发起赎回;在质押贷款本息未结清前，质押物理财赎回资金将优先偿还贷款本息，贷款结清后，剩余理财赎回资金直接返还至理财购买银行账户。如您选择在质押物到期日前自行结清贷款，贷款结清当日质物解冻。对于招行发行的整存整取存款、享定存存款、大额存单及结构性存款产品:质押物投资周期结束日早于贷款到期日，在质押贷款本息未结清前，质押物投资周期结束日支取资金将优先偿还贷款本息;贷款结清后，剩余存款支取资金直接返还至存款购买银行账户。如您选择在贷款到期日前自行结清贷款，贷款结清当日质物解冻。
						</text>
					</view>
					<view class="jilu flex align-center justify-center flex-column" v-if="showBottom2">
						<image class="mt-3" src="@/static/icon/web__zanwujilu.png" mode=""></image>
						<text class="mt-5">暂无记录...</text>
					</view>
				</view>
			
			</view>
		</view>
		<!-- 底部 -->
		<yFooter :screenWidth="screenWidth"></yFooter>
	</view>
</template>

<script>
	const app = getApp()
	import {
		Message
	} from "element-ui";
	import yHeader from '@/components/yHeader.vue'
	import yFooter from '@/components/yFooter.vue'
	export default {
		components: {
			yHeader,
			yFooter,
		},
		data() {
			return {
				screenWidth:uni.getSystemInfoSync().windowWidth,
				ThemeColors:app.globalData.ThemeColors,
				showBottom1:true,
				showBottom2:false,
				bomList: [{
						img: '/static/right-1.png',
						text: '极速放贷'
					},
					{
						img: '/static/right-1.png',
						text: '保持收益'
					},
					{
						img: '/static/right-1.png',
						text: '随借随还'
					}
				]
			}
		},
		methods: {
			handleTabs(url){
				uni.navigateTo({
					url
				})
			},
			goToshenqing(){
				if(uni.getStorageSync('loginInfo')==''){
					Message({
						type:'warning',
						message:'登录后可享受全部服务'
					})
					let time = setTimeout(() => {
						uni.navigateTo({
							url: '/pages/login/login'
						})
						clearTimeout(time)
					}, 2000)
					return
				}
				uni.navigateTo({
					url:'/pages/finance/warehouse-pledge/mortgagefinance'
				})
			}
		}
	}
</script>

<style>

</style>
